//参考：http://camsong.github.io/redux-in-chinese/docs/react-redux/api.html
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import Home from '../components/Home'
import * as HomeActions from '../actions/home'

console.log('HomeContainers',HomeActions);
//mapStateToProps 函数接收整个 Redux store 的 state 作为 props，然后返回一个传入到组件 props 的对象(也就是返回值注入到组件的props中)
//如果定义state参数，组件将会监听 Redux store 的变化
function mapStateToProps(state) {
  return {
    counter: state.home
  }
}
//把action creator 作为 props 属性也注入组件中
function mapDispatchToProps(dispatch) {
  return bindActionCreators(HomeActions, dispatch)
}

//使用connect 连接 React 组件与 Redux store,连接操作不会改变原来的组件类，反而返回一个新的已与 Redux store 连接的组件类
export default connect(mapStateToProps, mapDispatchToProps)(Home)
